<!--

=========================================================
* Rocket Builder
=========================================================

* Product: https://www.simpllo.com
* Sources: https://github.com/app-generator/free-site-builder
* Copyright AppSeed (https://appseed.us)
* License EULA: https://github.com/app-generator/free-site-builder/blob/main/LICENSE.md

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Contact us if you want to remove it.

-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <link rel="apple-touch-icon" sizes="76x76" href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/img/apple-icon.png" />
  <link rel="icon" type="image/png" href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/img/favicon.png" />

  <meta name="google-site-verification" content="oBAlWYJIhaohrZTMhR0uXsuv9j-nx-CcHRZkBmsxJrQ" />

  <title>
    Free Site Builder - Open-Source Project | Simpllo.com
  </title>

  <meta name="description"
    content="Open-Source and FREE Page and Website builder - Build you projects in No-Time for free.">
  <meta name="keywords" content="free builder, page builder, open-source page builder, free website builder">

  <link rel="canonical" href="https://www.simpllo.com/" />

  <!--     Fonts and icons     -->
  <link
    href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Noto+Sans:300,400,500,600,700,800|PT+Mono:300,400,500,600,700"
    rel="stylesheet" />
  <!-- Nucleo Icons -->
  <link href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/css/nucleo-icons.css" rel="stylesheet" />
  <link href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/css/nucleo-svg.css" rel="stylesheet" />
  <!-- Font Awesome Icons -->
  <script src="https://kit.fontawesome.com/349ee9c857.js" crossorigin="anonymous"></script>
  <link href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/css/nucleo-svg.css" rel="stylesheet" />
  <!-- CSS Files -->
  <link id="pagestyle" href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/css/corporate-ui-dashboard.min.css?v=1.0.0" rel="stylesheet" />
  <link id="pagestyle" href="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/style.css" rel="stylesheet" />
</head>

<body class="bg-white">
  <div class="container top-0 position-sticky z-index-sticky">
    <div class="position-relative">
      <!-- Navbar -->
      <nav
        class="navbar navbar-expand-lg bg-white rounded-2 top-0 mt-4 z-index-3 shadow position-absolute py-2 start-0 end-0">
        <div class="d-flex align-items-center justify-content-between w-100">
          <a class="navbar-brand font-weight-bolder ms-lg-0 ms-3" href="/">
            Simpllo
          </a>

          <ul class="navbar-nav">
            <li class="nav-item">
              <a target="_blank" href="https://discord.gg/AWh6TFcEwU" class="btn btn-sm btn-dark mb-0 me-1">Support</a>
            </li>
          </ul>
        </div>
      </nav>
      <!-- End Navbar -->
    </div>
  </div>
  <main class="main-content mt-0">
    <!-- Start Banner -->
    <div class="py-8 page-header align-items-center py-lg-10"
      style="background-image: url('https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/img/banner-blue.jpg')">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-5 col-lg-6 my-auto text-lg-start text-center">
            <h6 class="mb-2 text-white">
              Create Pages and Websites in no-time
            </h6>
            <h1 class="mb-2 text-white">
              Free Site Builder
            </h1>
            <p class="text-white text-lead">
              Simpllo is an open-source site builder that helps anyone to create
              landing pages and websites on top of modern UI Kits.
            </p>
            <a href="#builders" class="btn btn-white me-1 mb-0 text-danger">See Builders</a>
          </div>
          <div class="col-lg-6 ms-auto text-center">
            <div class="video-outer ms-lg-auto mx-auto mt-5 mt-lg-0">
              <iframe src="https://www.youtube.com/embed/mxQWwhEF21s"
                title="Simpllo - Open-Source and Free Site Builder" frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                class="border-radius-xl w-100 h-100 mb-lg-0 mb-sm-9 mb-8" allowfullscreen=""></iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Banner -->

    <!-- Start Count Stats -->
    <section class="pt-3 pb-7 pb-lg-8">
      <div class="container">
        <div class="z-index-2 border-radius-xl mt-n7 mx-auto py-2 blur shadow-blur">
          <div class="row">
            <div class="col-md-4 position-relative">
              <div class="py-3 px-lg-6 text-center">
                <h2 class="text-gradient text-primary mb-0">
                  <span>
                    #1
                  </span>
                </h2>
                <h5 class="mt-1 font-weight-bolder text-secondary">
                  Select Design
                </h5>
                <p class="text-sm">
                  Choose the interface type and the design line to create your
                  website
                </p>
              </div>
              <hr class="vertical dark d-none d-md-block" />
              <hr class="horizontal dark d-md-none" />
            </div>
            <div class="col-md-4 position-relative">
              <div class="py-3 px-lg-6 text-center">
                <h2 class="text-gradient text-primary mb-0">
                  <span>
                    #2
                  </span>
                </h2>
                <h5 class="mt-1 font-weight-bolder text-danger">
                  Build Website
                </h5>
                <p class="text-sm">
                  Create pages, Drag & Drop Components, edit properties and preview
                  the site
                </p>
              </div>
              <hr class="vertical dark d-none d-md-block" />
              <hr class="horizontal dark d-md-none" />
            </div>
            <div class="col-md-4">
              <div class="py-3 px-lg-6 text-center">
                <h2 class="text-gradient text-primary mb-0">
                  <span>
                    #3
                  </span>
                </h2>
                <h5 class="mt-1 font-weight-bolder text-secondary">
                  Preview & Download
                </h5>
                <p class="text-sm">
                  The website can be downloaded (ZIP) and later deployed
                  on Netlify.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Fake Marker -->
      <div id="builders"></div>
    </section>
    <!-- End Count Stats -->

    <!-- Start Website Builder -->
    <section class="pb-7 pb-lg-8 pt-3">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="row">
              <div class="col-lg-6 mx-auto text-center pb-3">
                <h5 class="font-weight-bolder">
                  <u><a target="_blank" href="https://github.com/app-generator/free-site-builder">Open-Source Site Builder</a></u>
                </h5>
                <h2 class="text-gradient text-primary">
                  Create Landing Pages in no-time
                </h2>
                <p class="text-lg mb-6">
                  Usind 
                  <a class="text-primary" href="https://www.simpllo.com/">Simpllo</a> 
                  anyone can build a page in minutes without programming knowledge.
                  <br />
                  <br />
                  <u><a target="_blank" class="text-danger" href="https://github.com/app-generator/free-site-builder">Contribute</a></u> (on GitHub) 
                  &bull; 
                  <u><a target="_blank" class="text-danger" href="https://discord.gg/AWh6TFcEwU">Join Community</a></u> (Discord)
                </p>
              </div>
            </div>
          </div>
          <div class="col-lg-9 mx-auto ">
            <div class="row">
              <div class="col-lg-6 mb-5">
                <div class="Scard">
                  <div class="Scard-header">
                    <div class="Sbox d-block shadow-lg img-fluid border-radius-lg w-100"
                      style="background: url(https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/card-bs5.png);">
                      <div class="Sabslt">
                        <a href="/bootstrap/" class="btn btn-light mt-lg-5">BS5 Site Builder</a>
                      </div>
                    </div>
                  </div>
                  <div class="card-body py-4 px-2 px-sm-4">
                    <a href="/bootstrap/">
                      <div class="author justify-content-between align-items-start">
                        <h6>
                          BS5 Site Builder
                        </h6>
                        <h5 class="name right position-relative bottom-1"> <span>FREE</span> </h5>
                      </div>
                    </a>
                    <lead>
                      Open-Source Bootstrap UI Kit Starter
                    </lead>
                    <div class="author align-items-center mt-3 position-relative">
                      <div class="name ">
                        <span>Design</span>
                      </div>
                      <img src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/design-bs5.jpg" alt="">
                      <img class="lazy entered loading" src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/icon-bs5.jpg" alt=""
                        style="position: absolute; right: 0; bottom: 1;height: 40px;">
                    </div>
                  </div>

                </div>
              </div>
              <div class="col-lg-6 mb-5">
                <div class="Scard">
                  <div class="Scard-header">
                    <div class="Sbox d-block shadow-lg img-fluid border-radius-lg w-100"
                      style="background: url(https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/card-volt.png);">
                      <div class="Sabslt">
                        <a href="/volt/" class="btn btn-light mt-lg-5">
                          Volt Site Builder
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="card-body py-4 px-2 px-sm-4">
                    <a href="/volt/">
                      <div class="author justify-content-between align-items-start">
                        <h6>
                          Volt Site Builder
                        </h6>
                        <h5 class="name right position-relative bottom-1"> <span>FREE</span> </h5>
                      </div>
                    </a>
                    <lead>
                      Open-Source BS5 Dashboard Design
                    </lead>
                    <div class="author align-items-center mt-3 position-relative">
                      <div class="name ">
                        <span>Design by</span>
                      </div>
                      <img src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/design-themesberg.jpg" alt="">
                      <img class="lazy entered loading" src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/icon-bs5.jpg" alt=""
                        style="position: absolute; right: 0; bottom: 1;height: 40px;">
                    </div>
                  </div>

                </div>
              </div>
              <div class="col-lg-6 mb-5">
                <div class="Scard">
                  <div class="Scard-header">
                    <div class="Sbox d-block shadow-lg img-fluid border-radius-lg w-100"
                      style="background: url(https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/card-pixel.png);">
                      <div class="Sabslt">
                        <a href="/pixel/" class="btn btn-light mt-lg-5">
                          Pixel Site Builder
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="card-body py-4 px-2 px-sm-4">
                    <a href="/pixel/">
                      <div class="author justify-content-between align-items-start">
                        <h6>
                          Pixel Site Builder
                        </h6>
                        <h5 class="name right position-relative bottom-1"> <span>FREE</span> </h5>
                      </div>
                    </a>
                    <lead>
                      Open-Source BS5 UI Kit
                    </lead>
                    <div class="author align-items-center mt-3 position-relative">
                      <div class="name ">
                        <span>Design by</span>
                      </div>
                      <img src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/design-themesberg.jpg" alt="">
                      <img class="lazy entered loading" src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/icon-bs5.jpg" alt=""
                        style="position: absolute; right: 0; bottom: 1;height: 40px;">
                    </div>
                  </div>

                </div>
              </div>
              <div class="col-lg-6 mb-5">
                <div class="Scard">
                  <div class="Scard-header">
                    <div class="Sbox d-block shadow-lg img-fluid border-radius-lg w-100"
                      style="background: url(https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/card-tailwind.png);">
                      <div class="Sabslt">
                        <a href="#" class="btn btn-light mt-lg-5 disabled">Comming soon</a>
                      </div>
                    </div>
                  </div>
                  <div class="card-body p-sm-4">
                    <a href="#">
                      <div class="author justify-content-between align-items-start">
                        <h6>
                          Tailwind CSS Builder
                        </h6>
                        <h5 class="name right position-relative bottom-1"> <span>FREE</span> </h5>
                      </div>
                    </a>
                    <lead> 
                      Open-Source Tailwind CSS UI Kit
                    </lead>
                    <div class="author align-items-center mt-3 position-relative">
                      <div class="name ">
                        <span>Design by</span>
                      </div>
                      <img src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/design-tailwind.jpg" alt="">
                      <img class="lazy entered loading" src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/custom/img/icon-tailwind.jpg" alt=""
                        style="position: absolute; right: 0; bottom: 1;height: 40px;">
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Website Builder -->


  </main>

  <!-- -------- START FOOTER 5 w/ DARK BACKGROUND ------- -->
  <footer class="footer py-5 bg-gradient-dark position-relative overflow-hidden">
    <img src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/img/pattern-lines.svg" alt="pattern-lines"
      class="position-absolute start-0 top-0 w-100 opacity-6" />
    <div class="container position-relative z-index-1">
      <div class="row">
        <div class="col-lg-4 me-auto mb-lg-0 mb-4 text-lg-start text-center">
          <h6 class="text-white font-weight-bolder text-uppercase mb-lg-4 mb-3">
            Free Site Builder
          </h6>
          <ul
            class="nav flex-row ms-n3 align-items-center justify-content-center justify-content-lg-start mb-4 mt-sm-0">
            <li class="nav-item">
              <a class="nav-link text-white opacity-8" href="/bootstrap/">
                Bootstrap
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-white opacity-8" href="/volt/">
                Volt
              </a>
            </li>

            <li class="nav-item">
              <a class="nav-link text-white opacity-8" href="/pixel/">
                Pixel
              </a>
            </li>
          </ul>
          <p class="text-sm text-white opacity-8 mb-0">
            &copy; Simpllo
          </p>
        </div>
        <div class="col-lg-6 ms-auto text-lg-end text-center">
          <p class="mb-5 text-lg text-white">
            Open-Source Page Builder actively supported by <u><a class="text-white" target="_blank" href="https://appseed.us/">AppSeed</a></u>
          </p>
          <a href="https://github.com/app-generator/free-site-builder" target="_blank" class="text-white me-xl-4 me-4 opacity-8">
            <span class="fab fa-github"></span>
          </a>
          <a href="https://www.docs.simpllo.com/free-site-builder/intro" target="_blank" class="text-white me-xl-4 me-4 opacity-8">
            <span class="fa-regular fa-file"></span>
          </a>
          <a href="https://www.docs.simpllo.com/blog" target="_blank" class="text-white me-xl-4 me-4 opacity-8">
            <span class="fa-solid fa-rss"></span>
          </a>
          <a href="https://discord.gg/AWh6TFcEwU" target="_blank" class="text-white me-xl-4 me-4 opacity-8">
            <span class="fab fa-discord"></span>
          </a>
        </div>
      </div>
    </div>
  </footer>
  <!-- -------- END FOOTER 5 w/ DARK BACKGROUND ------- -->

  <!--   Core JS Files   -->
  <script src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/js/core/popper.min.js"></script>
  <script src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/js/core/bootstrap.min.js"></script>
  <script src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/js/plugins/perfect-scrollbar.min.js"></script>
  <script src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/js/plugins/smooth-scrollbar.min.js"></script>
  <script>
    var win = navigator.platform.indexOf("Win") > -1;
    if (win && document.querySelector("#sidenav-scrollbar")) {
      var options = {
        damping: "0.5",
      };
      Scrollbar.init(document.querySelector("#sidenav-scrollbar"), options);
    }
  </script>
  <!-- Control Center for Corporate UI Dashboard: parallax effects, scripts for the example pages etc -->
  <script src="https://appsrv1-147a1.kxcdn.com/builder/homepage/assets/js/corporate-ui-dashboard.min.js?v=1.0.0"></script>
</body>

</html>